import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

// 移动端适配
import 'lib-flexible/flexible.js'

// 1. 引入你需要的组件
import {
    Button,
    Tabbar,
    TabbarItem,
    NavBar,
    Icon,
    NoticeBar,
    Uploader,
    Cell,
    CellGroup,
    RadioGroup,
    Radio,
    Form,
    Field,
    Toast,
    Empty,
    Dialog,
    Tab,
    Tabs,
    List,
    PullRefresh,
    Sticky,
    Divider,
    Cascader,
    Popup,
    Step,
    Steps,
    DatePicker,
    Picker,
    ImagePreview,
    Search,
    Switch,
    Checkbox,
    CheckboxGroup,
    ShareSheet,
    Badge,
    Swipe,
    SwipeItem,
    FloatingBubble,
} from 'vant';

// 2. 引入组件样式
import 'vant/lib/index.css';

import "./assets/css/base.scss";
import "./assets/css/common.scss";
import "./assets/css/reset.scss";

const app = createApp(App)
app.use(store)
app.use(router)
app.use(Button);
app.use(Tabbar);
app.use(TabbarItem);
app.use(NavBar);
app.use(Icon);
app.use(NoticeBar);
app.use(Uploader);
app.use(Cell);
app.use(CellGroup);
app.use(Radio);
app.use(RadioGroup);
app.use(Form);
app.use(Field);
app.use(Toast);
app.use(Empty);
app.use(Dialog);
app.use(Tab);
app.use(Tabs);
app.use(List);
app.use(PullRefresh);
app.use(Sticky);
app.use(Divider);
app.use(Cascader);
app.use(Popup);
app.use(Step);
app.use(Steps);
app.use(DatePicker);
app.use(Picker);
app.use(ImagePreview);
app.use(Search);
app.use(Switch);
app.use(Checkbox);
app.use(CheckboxGroup);
app.use(ShareSheet);
app.use(Badge);
app.use(Swipe);
app.use(SwipeItem);
app.use(FloatingBubble);
app.mount('#app')
